import React from 'react';
import { Modal } from 'antd';
import type { ModalProps } from 'antd';

interface CustomModalProps extends Omit<ModalProps, 'children'> {
  children: React.ReactNode;
}

const CustomModal: React.FC<CustomModalProps> = ({ 
  children, 
  className = '',
  ...props 
}) => {
  return (
    <Modal
      className={`custom-modal ${className}`}
      destroyOnHidden
      maskClosable
      centered
      {...props}
    >
      {children}
    </Modal>
  );
};

export default CustomModal;